/*
* @Author: Administrator
* @Date:   2018-01-15 11:57:53
* @Last Modified by:   Administrator
* @Last Modified time: 2018-01-16 10:09:52
*/
header {
    width: 100%;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
    background: url(../img/header_bar.png) center center;
    background-size: 100%;
    position: fixed;
    top: 0;
    z-index: 9;
}
header .back{
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    background: url(../img/back.png) center center;
    background-size: 100%;
    margin: 0.25rem -0.2rem 0 0.2rem;
}
.shop_type{
    width: 100%;
    height: 0.6rem;
    background: url(../img/headerb_bar.png) center center;
    background-size: 100%;
    text-align: center;
    /*margin: 0.87rem auto 0 auto;*/
    font-size: 0.3rem;
    color: #fff;
    position: fixed;
    top: 0.88rem;
}
.order_info,.applicant_info,.brokers_info,.car_info,
.stages_info,.sign_info,.final_info,.loan_info{
  width: 6.9rem;
  height: auto;
  background: #fff;
  margin: 1.8rem auto 0 auto;
  padding: 0.2rem 0.3rem;
  box-sizing:border-box;
}
.brokers_info,.car_info,.stages_info,.sign_info,
.final_info,.loan_info{
  margin: 0.24rem auto;
}
.order_info h3,.applicant_info h3,.brokers_info h3,
.car_info h3,.stages_info h3,.sign_info h3,.final_info h3,
.loan_info h3{
  text-align: center;
  width: 5.32rem;
  height: 0.6rem;
  margin: 0 auto 0.1rem auto;
  border-radius: 3px;
  background: #f5f5f5;
  font-size: 0.3rem;
  color: #333;
  font-weight: 500;
  line-height: 0.6rem;
}
.order_data,.applicant_data,.brokers_data,.car_data,
.stages_data,.final_msg,.loan_msg{
  display: flex;
  margin-top: 0.2rem;
}
.order_data p,.order_data span,.applicant_data p,.applicant_data span,.brokers_data p,.brokers_data span,.car_data p,.car_data span,.stages_data p,.stages_data span,
.final_msg p,.final_msg span,.loan_msg p,.loan_msg span{
  flex:1;
  font-size: 0.24rem;
}
.order_data p,.applicant_data p,.brokers_data p,.car_data p,
.stages_data p{
  color: #999;
}
.order_data span,.applicant_data span,.brokers_data span,.car_data span,.stages_data span{
text-align: right;
  color: #333;
}
.applicant_info{
  margin: 0.24rem auto 0 auto;
}
span.phone{
  color: #3db7f6;
}
.sign_info div,.final_info .final_data{
  margin: 0.3rem auto 0 auto;
  text-align: center;
}
.final_info .final_data{
    border-top: 1px solid #f5f5f5;
}
.sign_info a,.final_info a.check,.stages_data .check{
  font-size: 0.3rem;
  color: #3db7f6;
}
.check b{
  font-size: 0.24rem;
  font-weight: 500;
}
span.phone a{
    width: 0.35rem;
    height: 0.35rem;
    display: inline-block;
    border: 1px solid #3db7f6;
    border-radius: 5px;
    color: #3db7f6;
    background: url(../img/phone.png) center center;
    background-size: 100%;
    margin-left: 0.2rem;
    vertical-align: text-bottom;
}
.final_msg p,.final_msg span,.loan_msg span,.loan_msg p{
  font-size: 0.24rem;
  color: #333;
}
.final_msg span,.loan_msg span{
    text-align: right;
}
.final_msg span a,.loan_msg span a{
  color: #3db7f6;
}
.final_msg span i,.loan_msg span i,.stages_data .check i{
  width: 0.3rem;
  height: 0.3rem;
  display: inline-block;
  background: url(../img/to_bot_b.png) center center;
  background-size: 100%;
  color: #3db7f6;
  transform:rotate(270deg);
  vertical-align: text-bottom;
}
.stages_data .check i{
  transform:rotate(360deg);
  vertical-align:middle;
  margin-left: 0.1rem;
}
.check i.transf{
  transform:rotate(180deg);
}
.loan_info{
  margin-bottom: 0.3rem;
}
div.red_color p,div.red_color span{
  color: #f8666b;
}
.other{
  margin: 0.3rem auto;
  display: none;
}
.other li{
  width: 1.8rem;
  height: 1.02rem;
  background: #f5f5f5;
  border-radius: 3px;
  text-align: center;
  line-height: 0.4rem;
  padding: 0.1rem 0;
  box-sizing:border-box;
  font-size: 0.24rem;
  margin: 0.1rem 0.1rem;
}
.other li{

}
.other li p{
  color: #333;
}
.other li span{
  color: #999;
}